<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
       .box{
       	  width: 200px;
       	  height: 200px;
       	  background: red;
       }


	</style>

	<script type="text/javascript">

	/*var name=50;
	function  dd (name) {
		if (name>80) {
			document.write("优")
		}else if (name>60) {
			document.write("及格");
		}else{
			document.write("不及格")
		}      
	};
    dd(name);*/


/*
    var num=80;
    function ff(num){
        if (num>=90) {
        	document.write("优")
        }else if (num>=80) {
        	document.write("良")
        }else if (num>=60) {
        	document.write("及格")
        }else {
        	document.write("不及格")
        }
    };
    ff(num);
*/

 /*chengji=70;
 function dd(cengji){
 		if (chenji>=90) {
 			alert("优秀")
 		}else if (chenji>=80){
 			alert("良好")
 		}else if (chenji>=60){
 			alert("")
 		}
 }
*/

  /* var city=["北京",["福田","平山","罗湖"],"深圳","上海"]
   var diqu=["福田","平山","罗湖"]
   city[1]=diqu;
   document.write(city);
   time=city[0];
   city[0]=city[1][2];
   city[1][2]=time;
   document.write(city);*/

/*arr =[50,50,50,50,50,50];
temg=0;
	for (var i = 0; i<arr.length; i++) {
    temg=temg+arr[i]
};
document.write(temg);*/


/*str ="Hello world!";
temg=[];
for (var i = str.length - 1; i >= 0; i--) {
	temg=temg+str[i]
};
document.write(temg);
*/

/*var num=10;
function  neme(){
    num--;
    
   time = document.getElementById("time")
   time.innerHTML=num;
}
setInterval(neme,1000);*/

window.onload = function(){
box = document.getElementById('box');
box.onmouseover  = function  (){
   box.style.width="400px";
   box.style.height="400px";
	}


	box.onmouseout=function(){
		box.style.height='200px';
		box.style.width='200px';

}
}




	</script>




</head>
<body>
<p id="time"></p>
<!-- <input type="button" value="刷新" onclick="location.reload()"> -->
	<div class="box" id="box"></div>
</body>
</html>